<template>
  <div id="app">
    <el-container>
      <el-header class="el-header" height="45px"><m-header class="header"></m-header></el-header>
      <el-container>
        <el-aside width="200px" align="left"><left-menu></left-menu></el-aside>
        <el-container>
          <el-main>
            <router-view>
            </router-view>
          </el-main>
        </el-container>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import MHeader from 'components/m-header/m-header.vue'
import LeftMenu from 'components/left-menu/left-menu.vue'

export default {
  name: 'App',
  components: {
    MHeader,
    LeftMenu
  }
}
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  .el-header
    background #222
</style>
